<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue.js"></script>
</head>
<body>
<div id="root">
    <div v-for="item in goodList" :key="item.id">
        <h3>{{item.goodsName}}</h3>
        <p>价格：￥{{item.goodsPrice.toFixed(2)}}</p>
        <p>上架时间：{{date(item.addTime)}}</p>
    </div>
</div>
</body>
<script>
    new Vue({
        el: '#root',
        data: {
            goodList:[
                {
                    id:1,
                    goodsName:"梨",
                    goodsPrice:34.567,
                    addTime:Date.now()-999999999999
                },
                {
                    id:2,
                    goodsName:"桃子",
                    goodsPrice:78.99899,
                    addTime:Date.now()-88888888888
                }
            ]
        },
        methods:{
            date(t){
                const time=new Date(t);
                return time.getFullYear()+"-"+
                    (time.getMonth()+1).toString().padStart(2,0)+"-"+
                    time.getDate().toString().padStart(2,0)+" "+
                    time.getHours().toString().padStart(2,0)+":"+
                    time.getMinutes().toString().padStart(2,0)+":"+
                    time.getSeconds().toString().padStart(2,0);
        }
        }
    })
</script>
</html>